<template>
  <div class="app">
    <a-config-provider :locale="locale">
      <router-view />
    </a-config-provider>
  </div>
</template>

<script setup lang="ts">
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')
const locale = ref(zhCN)
</script>

<style lang="less" scoped>
.app {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f7fa; /* 浅灰蓝底色 */
  background-image:
    linear-gradient(rgba(160, 174, 192, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 174, 192, 0.05) 1px, transparent 1px);
  background-size: 20px 20px; /* 网格大小 */
  animation: textureFlow 60s linear infinite; /* 超慢动画 */
}
@keyframes textureFlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200px 200px;
  }
}
</style>
